// 引入 Vue
import Vue from "vue";
// 引入 vue-router 插件
import VueRouter from "vue-router";

import HomeView from "@/pages/HomeView";
import AboutView from "@/pages/AboutView.vue";

// 注册 vue-router 插件
// 这行代码执行之后，全局才有 router-view router-link 等组件使用
Vue.use(VueRouter);

// 定义路由规则集合, 一个路径对应一个组件
const routes = [
  {
    // 路径  / 是根路径
    path: "/",
    // 组件
    component: HomeView,
  },
  {
    // 路径
    path: "/about",
    // 组件
    component: AboutView,
  },
];

// 实例化 路由实例对象（路由管理对象、路由器）
const router = new VueRouter({
  // 配置选项
  routes, // 路由规则集
});

// 暴露 router
export default router;
